<template>
	<view class="" style="width: 100%;height:100vh;">
		<image src="../../static/tbw/bgimg.png" mode="scaleToFill" style="width: 100%;height:100vh;"></image>
		<button type="default" open-type="share" class="invite-style"></button>
		<button type="default"  class="check-style" @click="checkPrize"></button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onShareAppMessage() {
		    return{
				title:'邀请有礼',
				path:'/pages/invitePrize/invitePrize'
			}
		  },
		methods:{
			checkPrize(){
				uni.showModal({
				    title: '活动规则',
				    content: `邀请2人获赠优惠券5元\n邀请3人获赠优惠券8元\n邀请5人获赠10元优惠券`,
				    success: function (res) {
				        if (res.confirm) {
				            console.log('用户点击确定');
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
			}
		}
		
	}
</script>
	
<style>
	.invite-style{
		width: 70%;
		height: 12%;
		border-radius: 30px;
		position: relative;
		top: -32%;
		left: 4%;
		opacity: 0;
	}
	.check-style{
		width: 70%;
		height: 12%;
		border-radius: 30px;
		position: relative;
		top: -30%;
		left: 4%;
		opacity: 0;
	}
	uni-modal .uni-modal__bd {
	
	white-space: pre-wrap !important;
	
	}
</style>
